<template>
	<div class="header">
		<navigator url="index.html" class="header-back"></navigator>
		<div class="header-title">Form元素</div>
	</div>
	<div class="header-row"></div>
	<div class="main-body ">
		
		 
			<form>
				<div class="input-flex">
					<div class="input-flex-label">产品名称</div>
					<input type="text" class="input-flex-text" />
				</div>
				<div class="input-flex">
					<div class="input-flex-label">标题</div>
					<select  class="input-flex-select"  >
						<option>请选择</option>
						<option>好人</option>
						<option>坏人</option>
					</select>	
				</div>
				<div class="input-flex">
					<div class="input-flex-label">Logo</div>
					<div class="flex-1">
						<div class="upimg-box bg-fff">
							<div class="upimg-item">
								<image class="upimg-img" src="http://img.deitui.com/?w=100&h=100&text=无图&bgclor=f60" ></image>								 
							</div>	
							<div class="upimg-btn">
								<i class="upimg-btn-icon"></i>
							</div> 
						</div> 
					</div>
				</div>
				<div class="input-flex">					
					<div class="input-flex-label">验证码</div>					 
					<input type="text" class="input-flex-text" />				 
					<div class="input-flex-btn">获取验证码</div>
				</div>
				<div class="input-flex">
					<div class="input-flex-label">性别</div>
					<div class="flex-1 flex ">
						<div class="radio-flex mgr-10"><input type="radio" checked name="gender" class="radio" /> 男 </div>
						<div class="radio-flex mgr-10"><input type="radio" name="gender" class="radio" /> 女 </div>
					</div>
				</div>
				<div class="input-flex">
					<div class="input-flex-label">爱好</div>
					<div class="flex-1 flex ">
						<div class="checkbox-flex mgr-10"><input type="checkbox" checked name="gender" class="checkbox" /> 男 </div>
						<div class="checkbox-flex mgr-10"><input type="checkbox" name="gender" class="checkbox" /> 女 </div>
					</div>
				</div>
				<div class="input-flex">
					<div class="input-flex-label">数字</div>
					<div class="flex-1">
						<div class="numbox">
							<div class="numbox-minus">-</div>
							<div class="flex-1"><input class="numbox-num" value="1" ></div>
							<div class="numbox-plus">+</div>
						</div>
					</div>	
				</div>
				<div class="textarea-flex">
					<div class="textarea-flex-label">内容</div>
					<textarea class="textarea-flex-text"></textarea>
				</div>
				<div class="pd-10  bg-fff">
					<div class="bd-mp-5">图集</div>
					<div class="upimg-box">
						<div class="upimg-item">
							<image class="upimg-img" src="http://img.deitui.com/?w=100&h=100&text=无图&bgclor=f60" ></image>
							<div class="upimg-del"></div>
						</div>
						<div class="upimg-item">
							<image class="upimg-img" src="http://img.deitui.com/?w=100&h=100&text=无图&bgclor=f60" ></image>
							<div class="upimg-del"></div>
						</div>
						<div class="upimg-item">
							<image class="upimg-img" src="http://img.deitui.com/?w=100&h=100&text=无图&bgclor=f60" ></image>
							<div class="upimg-del"></div>
						</div>
						
							
						<div class="upimg-btn">
							<i class="upimg-btn-icon"></i>
						</div> 
					</div> 
				</div>
				<div class="flex">
					<div class="btn-row-submit">保存</div>
				</div>
			</form>
		 
		 
		<div class="row-box">
			<div class="row-box-hd">Form css</div>
			 
			<textarea style="height: 300px; width: 100%;" id="uicss-content"></textarea>	
		</div>
	</div>
</template>
<script>
	$.get("css/dt-ui-form.css",function(res){
		$("#uicss-content").html(res);
	})
</script>
<style>
	
	
</style>